Page({

    /**
     * 页面的初始数据
     */
    data: {
        time: '12:30',
        eventId: '',
        
        // 事件数据示例
        event: {
            id: 13,
            date: '2024-03-22',
            time: '10:00',
            title: '婚纱取件',
            client: {
                name: '周小姐',
                phone: '138****1234',
                avatar: '周'
            },
            dress: {
                id: 1,
                name: '法式蕾丝鱼尾婚纱',
                code: 'WD2401',
                image: 'https://images.unsplash.com/photo-1594612658290-386d64b8dd1c?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80'
            },
            order: {
                id: 1,
                code: 'OD2403220001'
            },
            type: 'pickup',
            typeText: '取件',
            status: '已确认',
            note: '客户提前半小时到店，注意准备好礼服，确保熨烫平整',
            staff: '李顾问',
            createdAt: '2024-03-20 16:25:36'
        }
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        // 更新当前时间
        this.updateTime();
        this.getTimerID = setInterval(this.updateTime, 60000);
        
        // 获取事件ID
        if (options.id) {
            this.setData({
                eventId: options.id
            });
            
            // 根据ID获取事件详情
            this.fetchEventDetail(options.id);
        }
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {
        clearInterval(this.getTimerID);
    },

    updateTime: function() {
        const date = new Date();
        const hours = date.getHours();
        const minutes = date.getMinutes();
        this.setData({
            time: `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`
        });
    },

    // 获取事件详情
    fetchEventDetail: function(eventId) {
        // 这里应该是API请求，目前使用模拟数据
        wx.showLoading({
            title: '加载中...',
        });
        
        // 模拟API请求延迟
        setTimeout(() => {
            wx.hideLoading();
            // 真实项目中这里会有实际的API调用
        }, 500);
    },

    // 返回上一页
    navigateBack: function() {
        wx.navigateBack();
    },

    // 查看客户详情
    viewClient: function() {
        wx.navigateTo({
            url: `/pages/client_detail/client_detail?name=${this.data.event.client.name}`
        });
    },

    // 查看礼服详情
    viewDress: function() {
        wx.navigateTo({
            url: `/pages/dress_detail/dress_detail?id=${this.data.event.dress.id}`
        });
    },

    // 查看订单详情
    viewOrder: function() {
        wx.navigateTo({
            url: `/pages/order_detail/order_detail?id=${this.data.event.order.id}`
        });
    },

    // 编辑事件
    editEvent: function() {
        wx.navigateTo({
            url: `/pages/edit_event/edit_event?id=${this.data.event.id}`
        });
    },

    // 标记完成
    markComplete: function() {
        wx.showModal({
            title: '标记完成',
            content: '确定将此事件标记为已完成吗？',
            confirmColor: '#B76E79',
            success: (res) => {
                if (res.confirm) {
                    // 真实项目中这里会有实际的API调用
                    wx.showToast({
                        title: '已标记为完成',
                        icon: 'success'
                    });
                    
                    // 更新状态
                    this.setData({
                        'event.status': '已完成'
                    });
                }
            }
        });
    },

    // 取消事件
    cancelEvent: function() {
        wx.showModal({
            title: '取消事件',
            content: '确定要取消此事件吗？取消后将无法恢复。',
            confirmColor: '#B76E79',
            success: (res) => {
                if (res.confirm) {
                    // 真实项目中这里会有实际的API调用
                    wx.showToast({
                        title: '事件已取消',
                        icon: 'success'
                    });
                    
                    // 2秒后返回上一页
                    setTimeout(() => {
                        wx.navigateBack();
                    }, 2000);
                }
            }
        });
    }
}) 